<template>
  <commonForm v-bind="$attrs" @blur="blur" :form="form" :fieldsList="fieldsList">
    <template #displayFieldSlot>
      <tableFieldsConfig :form="form"></tableFieldsConfig>
    </template>
  </commonForm>
</template>
<script lang="ts">
import { Component, Vue, Prop, Emit } from 'vue-property-decorator'
import commonForm from '../baseComponents/commonForm.vue'
import tableFieldsConfig from './components/tableFiedConfig.vue'
@Component({
  components: {
    commonForm,
    tableFieldsConfig
  }
})
export default class App extends Vue {
  @Prop(Array) public fieldsList!: any
  @Prop(Object) public form!: any
  @Emit('blur')
  private blur (item) {
    return item
  }
}
</script>

<style lang="stylus" scoped>
</style>
